﻿<!DOCTYPE html> 
<html> 
	<head> 
        <meta charset="utf-8" />
	    <title>@ViewBag.Title</title> 
        <meta name="viewport" content="width=device-width" />
	    <link rel="stylesheet" href="@Url.Content("~/Content/jquery.mobile-1.1.0.min.css")" />
        <link rel="stylesheet" href="@Url.Content("~/Content/Site.css")" />
	    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")"></script>
        <script type="text/javascript">
            $(document).bind("mobileinit", function () {
                // As of Beta 2, jQuery Mobile's Ajax navigation does not work in all cases (e.g.,
                // when navigating from a mobile to a non-mobile page, or when clicking "back"
                // after a form post), hence disabling it.
                $.mobile.ajaxEnabled = false;
            });
        </script>

        <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.mobile-1.1.0.min.js")"></script>
        <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    </head> 
<body> 
    <div data-role="page" data-theme="b">
        <div data-role="header">
            <h1>@ViewBag.Title</h1>
            @Html.Partial("TimerDetails")
        </div>
	    <div data-role="content">	
		    @RenderBody()
	    </div>
        <div data-role="footer" class="ui-bar" >
            <h4>&nbsp;</h4> 
        </div>
    </div>

</body>
</html>